/*  common css
***************************************/
*			{padding:0; margin:0; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:11px; color:#3f3f3f; border:none; outline:none}
body		{background:#4c8407 url(../images/admins/bgd_site1.gif) 0 0 repeat-x; text-align:center; padding:0 0 15px 0;}
li, ul		{list-style:none}
p			{line-height:16px}
a			{text-decoration:none}
a:hover		{text-decoration:underline}
h4{}
/*  basic classes
***************************************/
.clear {clear:both; height:0; line-height:0}
/*  main structure
***************************************/
	#main {width:1000px; overflow:hidden; margin:0 auto; text-align:left; background:#FFF}
		
		#main button{cursor: pointer; text-decoration:none!important; border: none; float:left; font-weight: bold; vertical-align: middle;padding:0; margin:0 3px 0 0; overflow:visible;background-color: transparent}
		#main .btnRight{cursor:pointer; border: none; float:right; color: #343434; font-weight: bold; vertical-align: middle;padding:0; margin:0; overflow:visible;background-color: transparent}
		#main .btnCenter {cursor: hand; border: none; float:none ; font-weight: bold; vertical-align: middle;padding:0; margin:0; overflow:visible;background-color: transparent;}	
		#main div.btMid {color:#fff;  text-decoration:none!important; background:transparent url(../images/admins/bgd_btn01_mid.gif) repeat-x left center;display: inline-block;white-space: nowrap; padding:0 5px}
			#main div.btLeft {background: transparent url(../images/admins/bgd_btn01_left.gif) no-repeat left top; }
			#main div.btRight {background: transparent url(../images/admins/bgd_btn01_right.gif) no-repeat right top; padding: 0 2px;height: 20px;line-height: 20px;}
		
	/* header
	***************************************/
	#header{width:980px; overflow:hidden;padding:10px}
		#header h1{float:left}
	
	/* container
	***************************************/
	#container{width:998px; padding:0 1px; background:url(../images/admins/bgd_container.gif) 0 0 repeat-y; height:480px}
	html>body #container {min-height:480px; height:auto; overflow:hidden}
	
		.breadcrumb{color:#fff; width:978px; overflow:hidden; background: #231f20; padding:0 10px}
			.breadcrumb p{color:#fff; width:155px; overflow:hidden; border-right:#fff solid 1px; padding:10px 0}
			
		#context{width:140px; float:left; padding:0 5px;}
			#nav{padding:1px 0 0 0}
				#nav li{background: url(../images/admins/bgd_nav_level1.gif) 0 0 no-repeat;}
				#nav .last{background: url(../images/admins/bgd_nav_level1_last.gif) 0 0 no-repeat;}
				#nav li a{margin:0 0 0 20px; line-height:21px}
				#nav li a:hover{color:#7ac042; text-decoration:none}
				#nav .active a{color:#7ac042; font-weight:bold; text-decoration:none}
				#nav .activeLast{background: url(../images/admins/bgd_nav_level1_last.gif) 0 0 no-repeat;}
				#nav .activeLast a{color:#7ac042; font-weight:bold; text-decoration:none}
				/*#nav .level1{background: url(../images/admins/bgd_nav_level1_sub.gif) 0 0 no-repeat;}*/
				#nav .level1{background:none}
				#nav .level1 img{padding:0; margin:0; float:left}
				#nav .level1 a{padding:0 0 0 3px; margin:0;}
				#nav li li{background: url(../images/admins/bgd_nav_level2.gif) 0 0 no-repeat}
				#nav li .last{background: url(../images/admins/bgd_nav_level2_last.gif) 0 0 no-repeat;}
				#nav .level1 li a{padding:0; margin:0 0 0 30px; line-height:21px}
		#content{float:left; width:780px; overflow:hidden; padding:28px 20px;}
			#content h2{color:#4d9613; font-size:14px; font-weight:bold; background:url(../images/admins/bgd_h2.gif) 0 5px no-repeat; padding:0 0 10px 18px; margin:0}
			
			/*form small for homepage****************/
			.frmSmall{width:354px; overflow:hidden; background:#fbfbfb; border: #d2d2d2 solid 1px; padding:25px; margin:10px 0 0 18px}
			.frmSmall input{width:180px; float:left; border:#839cbb solid 1px; padding:2px 5px 3px 5px}
			.frmSmall select{float:left; width:110px; border:#7f99b2 solid 1px; padding:2px; margin:0 3px 0 0}
			.frmSmall .selectLarg{width:242px}
			.frmSmall label{float:left; width:80px; overflow:hidden; padding:2px 5px 0 0}
			.frmSmall p{overflow:hidden; width:314px; padding:0 0 2px 0;}
			.frmSmall .btn{padding:8px 0 0 85px}
			
			/*form large for my account****************/
			.frmLarge{width:700px; overflow:hidden; background:#fbfbfb; border: #d2d2d2 solid 1px; padding:25px; margin:10px 0 0 18px}
			.frmLarge input{width:540px; float:left; border:#839cbb solid 1px; padding:2px 5px 3px 5px}
			.frmLarge .inpType01{width:330px; background-color: #fff;}
			.frmLarge .inpType02{width:148px; }
            .frmLarge .inpType03{width:20px; }
			.frmLarge select{float:left; width:200px; border:#7f99b2 solid 1px; padding:2px; margin:0 3px 0 0; }
			.frmLarge .selType01{width:180px}
			.frmLarge label{float:left; width:120px; overflow:hidden; padding:2px 5px 0 0}
			.frmLarge textarea{width:540px; text-align:left; float:left; border:#839cbb solid 1px; padding:2px 5px 3px 5px;}
			.frmLarge .cke_skin_kama{width:540px; text-align:left; float:left; border:#839cbb solid 1px; padding:2px 5px 3px 5px;}
			.frmLarge p{overflow:hidden; width:680px; padding:0 0 2px 0;}
			.frmLarge .load{overflow:hidden; width:468px; padding:0 0 2px 0;}
			.frmLarge .btn{padding:8px 0 0 125px}
			.frmLarge .calDate{width:19px; border:none; margin:0 0 0 5px; float:left} 
            
			
			
			
			/*add products****************/
				.addProductFrm{width:702px; overflow:hidden; padding:10px 18px}
					.addProductFrm p{overflow:hidden; width:568px; padding:0 0 2px 0;}
					.addProductFrm .loadProduct {overflow:hidden; width:568px; padding:0 0 2px 0;}
					.addProductFrm label{float:left; width:70px; overflow:hidden; padding:2px 5px 0 0}
					.addProductFrm input{width:330px; float:left; border:#839cbb solid 1px; padding:2px 5px 3px 5px}
					.addProductFrm .inpType01{width:238px}
					.addProductFrm .inpType02{width:140px}
					.addProductFrm select{float:left; width:152px; border:#7f99b2 solid 1px; padding:2px;}
				.addProductFrm .title{width:702px; overflow:hidden; background: url(../images/admins/bgd_line_01.gif) 0 0 repeat-x; margin:10px 0 0 0}
				.addProductFrm h3{color:#2b5200; font-weight:bold; font-size:12px; background: url(../images/admins/bgd_line_01.gif) 0 100% repeat-x; padding:10px 0; clear:left}
				.addProductFrm .citizens{width:230px; overflow:hidden;margin:10px 0; float:left;}
				.addProductFrm .citizens h4{font-weight:bold; color:#fff; text-align:center; padding:5px 0; background:#999}
				.addProductFrm .citizens select{width:230px; overflow:hidden;/* background:#fbfbfb; border: #d2d2d2 solid 1px;*/ padding:5px 0;}
				.addProductFrm .citizens option{padding:0 5px;}
				.addProductFrm .highlight{background:#e9e9e9}
				.addProductFrm .action{float:left; width:20px; overflow:hidden; margin:100px 10px 0 10px}
					.addProductFrm li{width:18px; overflow:hidden; margin:5px 0 0 0}
					.addProductFrm  .btnAdd{width:18px; border:none; padding:0; margin:0}
				.addProductFrm .btn{clear:left; width:702px; overflow:hidden; background: url(../images/admins/bgd_line_01.gif) 0 0 repeat-x; padding:10px 0 0 0;}
				.addProductFrm .btn button{}
				.addProductFrm .btnNoLine{width:702px; overflow:hidden; }
			
			/*create component****************/
			.listStep{margin:10px 0}
			.listStep select{width:80px; margin:0 3px 0 0}
			.listStep .selType01{width:180px}
			.listStep input{width:230px; margin:0 5px 0 0}
			.listStep .inpType01{width:168px; margin:0 3px 0 0}
			.listStep .btnUp{width:18px; border: none; padding:0 1px; margin:0}
			.listStep .btnDown{width:18px; border: none; padding:0 1px; margin:0}
			.listStep a{color:#54a612; font-weight:bold; text-decoration:underline}
			.listStep a:hover{text-decoration:none}
			.listStep span{width:48px; overflow:hidden; float:left}
			.listStep .check{width:15px; border:0; margin:2px 5px 0 0}
			.listStep .lblCheck{width:300px}
			
			/*create test****************/
			.requisitesList {width:470px; overflow:hidden; border:#d2d2d2 solid 1px; margin:6px 0 10px 0; clear:left}
				.requisitesList th{color:#fff;  padding:5px 15px; background:#999;  border-right:#d2d2d2 solid 1px}
				.requisitesList .last{border:none}
				.requisitesList td{padding:5px 15px; border:none ; border-right:#d2d2d2 solid 1px}
				.requisitesList td a{color:#008b00; text-decoration:underline}
				.requisitesList td a:hover{text-decoration:none}
				.requisitesList .highlight{background:#e9e9e9}
				
			/*druid test****************/
			.searchBtn{width:702px; overflow:hidden; background: url(../images/admins/bgd_line_01.gif) 0 0 repeat-x; margin:10px 0 0 0}
				 .searchBtn p{width:702px; overflow:hidden;background: url(../images/admins/bgd_line_01.gif) 0 100% repeat-x; padding:10px 0}
				 
			.testBlack{color:#000!important}
			.testRed{color:#ff0000!important}
			.testBlue{color:#0000ff!important}
			.testGreen{color:#008b00!important}
			
			/*rangers front end****************/
				.checkAccount {width:700px; overflow:hidden; border:#d2d2d2 solid 1px; margin:10px 0 10px 0;}
				.checkAccount th{color:#fff;  padding:5px 15px; background:#999;  border-bottom:#d2d2d2 solid 1px}
				.checkAccount .last{border:none}
				.checkAccount td{padding:5px 15px; border-right:none ; border-bottom:#d2d2d2 solid 1px}
				.checkAccount h4{color:#666; font-size:11; font-weight:bold; padding:0 0 5px 0}
				.checkAccount li{float:left; width:200px!important} 
				.checkAccount input{width:120px!important;}
				.checkAccount .check{float:left; width:15px!important; margin:2px 5px 0 0; border:none}
				.checkAccount label{width:60px;}
				
				.pageNumber{float:left; text-align:center; width:80px; padding:3px 0 0 0;}
				
			/*front end detail****************/
			.frontEndList{}
				.frontEndList{width:700px; overflow:hidden; border:#d2d2d2 solid 1px; margin:10px 0 0 0;}
					.frontEndList th{color:#fff; padding:5px; background:#999; border-bottom:#d2d2d2 solid 1px; width:200px}
					.frontEndList .last{border:none}
					.frontEndList td{padding:7px 15px; border-bottom:#d2d2d2 solid 1px; border-right:none }
					.frontEndList td a{color:#008b00; text-decoration:underline}
					.frontEndList td a:hover{text-decoration:none}
					.frontEndList .highlight{background:#e9e9e9}
			
			/*parameters****************/
			.parameters{width:750px; overflow:hidden; padding:0 18px}
				.parameters select{float:left; width:130px; border:#7f99b2 solid 1px; padding:2px; margin:0 3px 0 0}
				.searchFrm{width:702px; overflow:hidden; background: url(../images/admins/bgd_line_01.gif) 0 100% repeat-x; padding:10px 0}
					.parameters label{float:left; padding:0 8px 0 0}
					.parameters span{float:left; padding: 2px 3px 2px 0}
					.parameters input{width:142px; float:left; border:#7f99b2 solid 1px; padding:2px 5px 3px 5px; margin:0 3px 0 0}
					.searchFrm select{width:100px}
				.parameters h3{color:#2b5200; font-weight:bold; font-size:12px; background: url(../images/admins/bgd_line_01.gif) 0 100% repeat-x; padding:10px 0; clear:left}
				.parameters table{width:470px; overflow:hidden; border:#d2d2d2 solid 1px; margin:10px 0 0 0; clear:left}
					.parameters .tbLarger{width:760px}
					.parameters th{color:#fff; text-align:center; padding:5px 0; background:#999; border-right:#d2d2d2 solid 1px}
					.parameters .last{border:none}
					.parameters td{padding:7px 15px; border-right:#d2d2d2 solid 1px }
					.parameters td a{color:#008b00; text-decoration:underline}
					.parameters td a:hover{text-decoration:none}
					.parameters .highlight{background:#e9e9e9}
				.parameters .btn{width:702px; overflow:hidden; background: url(../images/admins/bgd_line_01.gif) 0 0 repeat-x; margin:10px 0 0 0}
				.parameters .btn p{width:702px; overflow:hidden;background: url(../images/admins/bgd_line_01.gif) 0 100% repeat-x; padding:10px 0}
				
				.parameters dl{width:702px; overflow:hidden;}
				.parameters dt{font-weight:bold; width:130px; float:left; padding:5px 10px 5px 0}
				.parameters dd{width:562px; float:left; padding:5px 0}
				.parameters dd table{margin:0; width:562px}
				.parameters .mantisList p{float:left; margin:0}
				.parameters .mantisList a{color:#008b00}
				
				.pagging{padding:8px 0 0 0}
					.pagging li{display:inline; padding:0 5px 0 0}
				
				
			
	/*footer
	************************/	
	#footer{color:#858182; width:998px; overflow:hidden; background: #231f20; margin:0 1px 1px 1px}				
		#footer	p{color:#858182; float:right; width:810px; overflow:hidden; padding:10px 0 10px 20px; border-left:#fff solid 1px}		
		

/* Alert class */
.alertLayer {background:#92c254; border:1px solid #75b325; position: absolute; overflow:hidden; top:-1500px; left:-200px;}
	.alertLayer a {display:none;}
.alertLayer p {color:#fff; margin:0; padding:5px 8px; font-size:11px;text-align:left}

.alertLayerLarge {background:#92c254; width:330px; border:1px solid #75b325; position: absolute; overflow:hidden; top:-1150px; left:-2280px; padding:0  8px 8px 8px; /*display: none*/}
	.alertLayerLarge h2{color:#fff; font-size:14px; float:left; width:320px; padding:8px 0; text-align:left}
	.alertLayerLarge .close{float:right; padding:0; margin:0}
	.alertLayerLarge a{color:#fff; font-weight:bold}
	.alertLayerLarge a:hover{text-decoration:none}
	.alertLayerLarge p {color:#fff; margin:0; padding:0 0 5px 0; font-size:11px;text-align:left; clear:left}	
	
	.alertLayerLarge button{cursor: pointer; border: none; float:left; font-weight: bold; vertical-align: middle;padding:0; margin:0 3px 0 0; overflow:visible;background-color: transparent}
		.alertLayerLarge .btnRight{cursor:pointer; border: none; float:right; color: #343434; font-weight: bold; vertical-align: middle;padding:0; margin:0 0 0 5px; overflow:visible;background-color: transparent}
		.alertLayerLarge .btnCenter {cursor: hand; border: none; float:none ; font-weight: bold; vertical-align: middle;padding:0; margin:0; overflow:visible;background-color: transparent;}	
		.alertLayerLarge div.btMid {color:#fff; background:transparent url(../images/admins/bgd_btn01_mid.gif) repeat-x left center;display: inline-block;white-space: nowrap; padding:0 5px}
			.alertLayerLarge div.btLeft {background: transparent url(../images/admins/bgd_btn01_left.gif) no-repeat left top; }
			.alertLayerLarge div.btRight {background: transparent url(../images/admins/bgd_btn01_right.gif) no-repeat right top; padding: 0 2px;height: 20px;line-height: 20px;}	
	
/* calendar class */
.calendar {width:175px; height:125px; background:#FFF; border:1px solid #7bc043; padding:2px; margin:2px 0 0 320px}
	.calendar * {margin:0; padding:0}
	.calendarTitle {width:100%; overflow:hidden; list-style:none; background:#61a902; padding:5px 0; color:#fff;}
	.calendarTitle li {float:left; text-align:center;}
	.calendarTitle span {color:#fff;}
	.calendarTitle a {color:#fff;}
		.title0, .title1, .title3, .title4 {width:18px; display:block; font-weight:bold}
		.title2 {font-weight:bold;width:103px;}
	.calendarData {width:100%; text-align:center}
		.calendarData th {width:14.286%; padding:1px 0}
		.calendarData td{padding:2px 0}
		.calendarData tr.currentWeek {background:#deffc7;}
		.calendarData tr.weekHover {background:#a7da81;}
			.calendarData a.today {color:#FFF; background:#61a902; padding:2px}
			.calendarData a.sunday {color:#4f8707;}
			.calendarData a.saturday {color:#4f8707;}
			.calendarData a.disabled {color:#ccc;}
			.calendarData a.selected {font-weight:bold;}
			.calendarData a.transdays {color:#0f0;}
	.currentYearTitle {background:#61a902; padding:3px 3px 3px 0; width:172px; overflow:hidden}
		.currentYearTitle a {float:right; display:block; color:#fff}
		.currentYearTitle span{color:#fff}
	.calendarSelector {width:100%; list-style:none; overflow:hidden; padding:0 0 0 5px}
		.calendarSelector li {padding:3px; float:left;}
		.calendarSelector a {text-align:center; padding:3px 0; background: #deffc7; display:block;}
		.calendarSelector a * {}

		.monthBtn {width:49px;}
		.yearBtn {width:35px;}
	
.pcalendar {position:absolute; z-index:1999; top:0; left:0; visibility:hidden;}
		